<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文字颜色背景调试</title>
</head>
<body>
    <div>
        背景文字调试背景文字调试
        背景文字调试背景文字调试
        背景文字调试背景文字调试
        背景文字调试背景文字调试
        背景文字调试背景文字调试
        背景文字调试背景文字调试
        背景文字调试背景文字调试
        背景文字调试背景文字调试
        背景文字调试背景文字调试
        背景文字调试背景文字调试
        背景文字调试
        背景文字调试背景文字调试
        背景文字调试
        背景文字调试背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试背景文字调背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试试
        背景文字调试
        背景文字调试背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
        背景文字调试
    </div> 
    <style>
        div{
            border: dashed 10px yellow;
            width: 450px;
            margin: auto;
            color: red;
            background-color: rgb(52, 223, 223);
            font-size: 15px;
        }
        div{
            background-image: url(./篮球图标.jfif);
        }
    </style>
</body>
</html>